<template>
	<view class="">
		嘻嘻哈哈 {{ a }}
	</view>
	<view class="">
		{{ firstDo() }}
	</view>
	<view class="">
		暴怒会 {{ num2 }}
	</view>
	<view class="">
		{{ str }}
	</view>
	<view class="">
		{{ arr[2] }}
	</view>
	<view class="">
		{{ obj.age }}
	</view>
</template>

<script setup>
import { ref } from 'vue';

const a = 6;

function firstDo() {
	return "Vue3学习";
}

let num = 8;

// setInterval(() => {
// 	num ++;
// 	console.log(num)
// }, 1000)
let num2 = ref(10);
// setInterval(() => {
// 	num2.value ++;
// 	console.log(num2.value)
// }, 1000)

let str = ref('咸虾米');

let arr = ref([3,4,5,6,7]);

let obj = ref({'name':'王五', 'age':18})
obj.value.age = 24;
</script>

<style>
</style>
